<script setup lang="ts">
    import { Descriptions } from '@/components/Descriptions'
    import { hou } from '@/api/table'
    import {ref, reactive,onMounted} from 'vue'
    import {ElTable,ElTableColumn,ElDescriptions,ElDescriptionsItem} from 'element-plus'
    import {ContentWrap} from '@/components/ContentWrap'
    import {setup} from "mockjs";

    const data = reactive({})
    const getCount = async () => {
        const res = await hou();
        if(res){
           data.value=res.data
        }
        /*hou().then((res)=>{
            data.value=res.data
            console.log(data)
        })*/
    }
    getCount();
</script>

<template>
    <ContentWrap>
        <ElDescriptions title=系统信息 :column="1" border v-for="(item,index) in data">
            <ElDescriptionsItem label="mysql版本号：">{{item.databaseMajorVersion}}</ElDescriptionsItem>
            <!--<ElDescriptionsItem label="服务器名称：">{{item.serverName}}</ElDescriptionsItem>-->
            <ElDescriptionsItem label="端口号：">{{item.serverPort}}</ElDescriptionsItem>
            <ElDescriptionsItem label="服务器地址：">{{item.ip}}</ElDescriptionsItem>
            <ElDescriptionsItem label="操作系统：">{{item.os}}</ElDescriptionsItem>
            <ElDescriptionsItem label="java运行环境：">{{item.javaVen}}</ElDescriptionsItem>
            <ElDescriptionsItem label="IE名称：">{{item.ieName}}</ElDescriptionsItem>
            <ElDescriptionsItem label="IE版本：">{{item.ieVersionInfo}}</ElDescriptionsItem>
            <ElDescriptionsItem label="连接超时时间：">{{item.connectTimeOut}}</ElDescriptionsItem>
            <ElDescriptionsItem label="读取超时时间：">{{item.readTimeOut}}</ElDescriptionsItem>
            <ElDescriptionsItem label="上传大小限制：">{{item.maxSize}}</ElDescriptionsItem>
        </ElDescriptions>
    </ContentWrap>
</template>
<style scoped>

</style>
